<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联样式</title>
    <style>
        #p1{
            color: aqua;
        }
    </style>
    <!--<style>
        @import "c1.css";
    </style>-->
    <link rel="stylesheet" href="c1.css">
</head>
<body>
    <h1 style="color: chartreuse">内联样式</h1>
    <p style="color: red">内联样式主要写在HTML元素的内部,不便于维护</p>
    <p id="p1">内部样式，写在head标签内部，文件不大的时候使用</p>
    <p class="c1">外部样式，编写独立的css文件，并引入。适用于大量文件，可以重复使用</p>
</body>
</html>